$(function(){
    
    //  为 features 模块 里面的icon循环改变精灵图背景图片的坐标
    $(".features .center .left-icon").each(function(i,e){
        if(i<=2){
            $(this).css("backgroundPosition","-"+i*85+"px 0px");//前三个图标 x 坐标变化 y 坐标为 0px
        }else {
            $(this).css("backgroundPosition","-"+(i-3)*85+"px -86px");//前三个图标 x 坐标变化 y 坐标为 -86px
        }
    });


    $(window).scroll(function(){//页面滚动事件 
        if($(this).scrollTop() > $(".reminder").offset().top){//当整个页面滚动距离大于 reminder 模块 距离顶部高度时
            $(".reminder ul li").each(function(i,e){
                $(this).addClass("rolling"+(i+1));//循环给每一个li添加类名 rolling 1 ~ rolling 7 以便调用不同的动画效果
            });       
        }
    });
});
